<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Raphaël · Pie Chart</title>
        <link rel="stylesheet" href="demo.css" media="screen">
        <link rel="stylesheet" href="demo-print.css" media="print">
        <script src="../js/raphael-min.js"></script>
        <script src="../js/jquery-1.9.1.min.js"></script>
        <script src="pie.js"></script>
        <style media="screen">
            #holder {
               /* margin: -350px 0 0 -350px;
                width: 700px;
                height: 700px;*/
                position: relative;
                width: 78px;
                height: 78px;
                background: #FFF;
            }
        </style>
    </head>
    <body>
        <table>
            <tbody>
                <tr>
                    <th scope="row">Ruby</th>
                    <td>25%</td>
                </tr>
                <tr>
                    <th scope="row">JavaScript</th>
                    <td>75%</td>
                </tr>
                <!--<tr>
                    <th scope="row">Shell</th>
                    <td>35%</td>
                </tr>
                <tr>
                    <th scope="row">Python</th>
                    <td>10%</td>
                </tr>
                <tr>
                    <th scope="row">PHP</th>
                    <td>4%</td>
                </tr>
                <tr>
                    <th scope="row">C</th>
                    <td>4%</td>
                </tr>
                <tr>
                    <th scope="row">Perl</th>
                    <td>3%</td>
                </tr>
                <tr>
                    <th scope="row">C++</th>
                    <td>2%</td>
                </tr>
                <tr>
                    <th scope="row">Java</th>
                    <td>2%</td>
                </tr>
                <tr>
                    <th scope="row">Objective-C</th>
                    <td>2%</td>
                </tr>-->
            </tbody>
        </table>
        <div id="holder"></div>
    <br /><br /><br /><br />

        <path fill="none" stroke="#afbf6f" d="M300,260A40,40,0,0,1,320,334.6410161513775" stroke-width="30" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
    </body>
</html>
